import Layout from '../../components/docs-layout';
import toast from 'react-hot-toast';

export const meta = {
  title: 'useToasterStore() API',
};

export default ({ children }) => <Layout meta={meta}>{children}</Layout>;

# `useToasterStore()` API

This hook gives you access to the internal toaster state. This is the right choice if you need access to the data without wanting to roll your own toaster.

In comparison to [`useToaster()`](/docs/use-toaster) it does not handle pausing or provide handlers for creating your own notification system.

```jsx
import { useToasterStore } from 'react-hot-toast';

const { toasts, pausedAt } = useToasterStore();
```
